<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,user-scalable=no">
	<title>搜索 - 宝匠</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript">
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if (clientWidth < 640) {
                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
                };
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    </script>
</head>


<body>
<div class="grid-640 viewport">
	<header class="grid-640 header fn-clear">
		<a href="index.php" class="a-left back"></a>
		<h1>搜 索</h1>
  </header>

  <section class="new-srch-box">
        <input name="keyword" id="newkeyword" type="text" required="" class="srch-input" placeholder="输入您想找的宝物">
      <a href="" class="a-right search"></a>    </section>

    <section class="new-category">
        <a href=""><span vlass="fn-left">项链</span><span class="fn-right">30个</span></a>
        <a href=""><span vlass="fn-left">项链</span><span class="fn-right">30个</span></a>
        <a href=""><span vlass="fn-left">项链</span><span class="fn-right">30个</span></a>
        <a href=""><span vlass="fn-left">项链</span><span class="fn-right">30个</span></a>
        <a href=""><span vlass="fn-left">项链</span><span class="fn-right">30个</span></a>
        <a href=""><span vlass="fn-left">项链</span><span class="fn-right">30个</span></a>
        <a href=""><span vlass="fn-left">项链</span><span class="fn-right">30个</span></a>
    </section>

    <section class="grid-640 content">
    	<div class="pro">
    		<ul class="pro-list clearfix">
    			<li class="pro-item">
    				<a class="pro-img" href=""><img src="images/img.jpg"></a>
    				<div class="clearfix pro-detail">
    					<a class="pro-like" href=""><em></em></a>
    					<a class="pro-title" href="">蓝宝石胸花</a>
    					<span class="pro-price"><em class="rmb">￥</em>38888</span>
    				</div>
    			</li>
    			<li class="pro-item">
    				<a class="pro-img" href=""><img src="images/img.jpg"></a>
    				<div class="clearfix pro-detail">
    					<a class="pro-like" href=""><em></em></a>
    					<a class="pro-title" href="">蓝宝石胸花</a>
    					<span class="pro-price"><em class="rmb">￥</em>38888</span>
    				</div>
    			</li>
    			<li class="pro-item">
    				<a class="pro-img" href=""><img src="images/img.jpg"></a>
    				<div class="clearfix pro-detail">
    					<a class="pro-like" href=""><em></em></a>
    					<a class="pro-title" href="">蓝宝石胸花</a>
    					<span class="pro-price"><em class="rmb">￥</em>38888</span>
    				</div>
    			</li>
    			<li class="pro-item">
    				<a class="pro-img" href=""><img src="images/img.jpg"></a>
    				<div class="clearfix pro-detail">
    					<a class="pro-like" href=""><em></em></a>
    					<a class="pro-title" href="">蓝宝石胸花</a>
    					<span class="pro-price"><em class="rmb">￥</em>38888</span>
    				</div>
    			</li>
    		</ul>
    	</div>
    </section>
</div>

<script src='js/jquery.js'></script>
<script src='js/hhSwipe.js'></script>
<script>
    // 图片轮换
    var slider = Swipe(document.getElementById('scroll_img'), {
        auto: 3000,
        continuous: true,
        callback: function(pos) {
            var i = bullets.length;
            while (i--) {
                bullets[i].className = ' ';
            }
            bullets[pos].className = 'on';
        }
    });
    var bullets = document.getElementById('scroll_position').getElementsByTagName('li');
</script>
</body>
</html>